<template>
	<view class="set-page">
		<view class="line"></view>
		<view class="set-header">
			<view class="set-header1" @click="gotoeditprofile">
				<view class="person">
					<view class="person-info">个人信息</view>
					<view class="person-items">头像、昵称、个签</view>
				</view>
				<view class="next1">></view>
			</view>
			<view class="set-header2">
				<view class="account">
					<view class="account-safety">账号与安全</view>
					<view class="account-items">修改密码、修改手机号</view>
				</view>	
				<view class="next">></view>
			</view>
		</view>
		<view class="set-body">
			<view class="set-body1">
				<view class="set-pay">支付设置</view>
				<view class="next1">></view>
			</view>
			<view class="set-body1">
				<view class="set-inform">消息通知设置</view>
				<view class="next">></view>
			</view>
			<view class="set-body1">
				<view class="set-privacy">隐私管理</view>
				<view class="next">></view>
			</view>
			<view class="set-body1">
				<view class="set-comuse">通用</view>
				<view class="next">></view>
			</view>
			<view class="set-body1">
				<view class="set-help">辅助功能</view>
				<view class="next">></view>
			</view>
			<view class="set-body1">
				<view class="set-idea">意见反馈</view>
				<view class="next">></view>
			</view>
		</view>
		<view class="set-foot">
			<view class="set-foot1">
				<view class="set-list">个人信息收集清单</view>
				<view class="next1">></view>
			</view>
			<view class="set-foot1">
				<view class="set-data">第三方信息数据共享</view>
				<view class="next">></view>
			</view>
			<view class="set-foot1">
				<view class="set-protect">个人信息保护设置</view>
				<view class="next">></view>
			</view>
		</view>
		<view class="line-bottom"></view>
		<view class="set-btn">
		<button class="change-btn">切换账号</button>
		<button class="leave-btn">退出登录</button>
		</view>
	</view>
</template>

<script>
	export default{
		name:"set-components",
		data() {
			return {
				
			}
		},
		
		methods:{
			gotoeditprofile() {
				uni.navigateTo({
					url:"/pages/editprofile/editprofile"
				})
			}
		}
	}
</script>

<style>
	.set-page{
		position: absolute;
		height: 100%;
		width: 100%;
		background-color: #f1f3f4;
	}
	.line{
		height: 5rpx;
		width: 100%;
		background-color:#f1f3f4;
	}
	.next{
		margin-right:20rpx ;
	}
	.next1{
		margin-top: 15rpx;
		margin-right: 20rpx;
	}
	.set-header{
		background-color: white;
	}
	.set-header1{
		display: flex;
		justify-content: space-between;
		margin-top: 20rpx;
		margin-left: 20rpx;
		background-color: white;
	}
	.person-info{
		margin-top: 20rpx;
	}
	.person-items{
		font-size: 10rpx;
		margin-top: 10rpx;
		color: gray;
	}
	.set-header2{
		display: flex;
		justify-content: space-between;
		margin-top: 20rpx;
		margin-bottom: 20rpx;
		margin-left: 20rpx;
	}
	.account-safety{
		margin-top: 10rpx;
	}
	.account-items{
		font-size: 10rpx;
		color: gray;
		margin-top: 10rpx;
		margin-bottom: 20rpx;
	}
	.set-body{
		margin-top: 20rpx;
		background-color: white;
	}
	.set-body1{
		display: flex;
		justify-content: space-between;
		margin-top: 20rpx;
		margin-bottom: 20rpx;
	}
	.set-pay{
		margin-top: 20rpx;
		margin-left: 20rpx;
	}
	.set-inform{
		margin-top:10rpx ;
		margin-left: 20rpx;
	}
	.set-privacy{
		margin-top: 10rpx;
		margin-left: 20rpx;
	}
	.set-comuse{
		margin-top: 10rpx;
		margin-left: 20rpx;
	}
	.set-help{
		margin-top: 10rpx;
		margin-left: 20rpx;
	}
	.set-idea{
		margin-top: 10rpx;
		margin-left: 20rpx;
		margin-bottom: 20rpx;
	}
	.set-foot{
		background-color: white;
	}
	.set-foot1{
		display: flex;
		justify-content: space-between;
		margin-top: 20rpx;
		margin-bottom: 20rpx;
	}
	.set-list{
		margin-top: 20rpx;
		margin-left: 20rpx;
	}
	.set-data{
		margin-top: 10rpx;
		margin-left: 20rpx;
	}
	.set-protect{
		margin-top: 10rpx;
		margin-left: 20rpx;
		margin-bottom: 20rpx;
	}
	
	.change-btn{
		margin-top: 100rpx;
		width: 90%;
		height: 75rpx;
		line-height: 70rpx;
		background-color: #00A0FF;
		color: #0F2105;
		border-radius: 10rpx;
	}
	.leave-btn{
		margin-top: 30rpx;
		width: 90%;
		height: 75rpx;
		line-height: 70rpx;
		background-color: #F7FAFA;
		color: #0F2105;
		border-radius: 10rpx;
		
	}
</style>